.rectangle-button {
	position: relative;
	width: 100%;
	height: 75px;
	background: var(--background-fcfefb) !important;
	color: var(--text-0f1e0f);
	border-radius: 4px;
	border: 5px solid var(--border-e1e6f0);
	border-radius: 10px;
	cursor: pointer;
	font-size: 1.5rem;
	-webkit-user-select: none;
	user-select: none;
	transition: var(--border-transition);
}

.rectangle-button:hover {
	border: 5px solid var(--special-1e90ff);
}

.rectangle-button.disable {
	color: var(--status-dc3545);
	border: 5px solid var(--status-dc3545);
}

.rectangle-button.red:hover {
	border: 5px solid var(--status-dc3545);
}
.rectangle-button.pink:hover {
	border: 5px solid var(--status-ff6b9c);
}

.rectangle-button.green:hover {
	border: 5px solid var(--status-218838);
}

.rectangle-button.orange:hover {
	border: 5px solid var(--status-fbbf24);
}

.rectangle-button.cyan:hover {
	border: 5px solid var(--status-20c997);
}

.rectangle-button.speech:hover {
	border: 5px solid var(--status-8a2be2);
}

.rectangle-button.speech:disabled {
	color: var(--status-dc3545);
	border: 5px solid var(--status-dc3545);
}

.rectangle-button.speech_mode_button:hover {
	border: 5px solid var(--status-4a6fa5);
}

.rectangle-button.speech_mode_button.active {
	border: 5px solid var(--status-9d6bff);
}

.rectangle-button.screenshot {
	border: 5px solid var(--border-e1e6f0);
}

.rectangle-button.screenshot:hover {
	border: 5px solid var(--status-8a2be2);
}

.rectangle-button.screenshot:disabled {
	color: rgb(169, 169, 169);
	background: rgb(105, 105, 105);
	border: 5px solid rgb(128, 128, 128);
}